<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ematerdf="http://emater.df.gov.br/taglib">
<h:body>

<!-- 
Ajustes da aba de endereços
Em vez de ter divisões para endereço, telefones e 
e-mails fazer um único accordion com outros meios 
de contato.
Fazer com que o botão incluir seja multivalorado
para poder incluir ou um endereço, ou um telefone,
ou um e-mail (usar a mesma opção que foi utilizada
no formulário principal no botão incluir)
A inclusão e edição serão feitas em menu suspenso

Remover a tab principal, utilizar o modelo fca
planejar um molde para cada grupo de inserção (Pessoa
Propriedade, Grupo, Comunidade...)
 -->




	<ui:composition>

		<!-- BARRA DE FERRAMENTAS -->
		<h:form enctype="multipart/form-data" prependId="false">
			<p:toolbar>
				<p:toolbarGroup>
					<p:commandButton id="filtrarBtn" value="Filtrar"
						onclick="dlg0.show();"></p:commandButton>
					<p:menuButton value="Incluir">
						<p:menuitem value="Pessoa Física" onclick="wizardDlg.show();"></p:menuitem>
						<p:menuitem value="Pessoa Jurídica" onclick="dlg1.show();"></p:menuitem>
						<p:menuitem value="Família" onclick="dlg1.show();"></p:menuitem>
					</p:menuButton>
					<p:commandButton value="Editar"></p:commandButton>
					<p:commandButton value="Excluir"></p:commandButton>
					<p:menuButton value="Exportar">
						<p:menuitem>
							<p:panel>
								<h:commandLink>
									<p:graphicImage value="#{resource['img:excel.png']}" />
									<p:dataExporter type="xls" target="pessoaList" fileName="lista" />
								</h:commandLink>
								<h:commandLink>
									<p:graphicImage value="#{resource['img:pdf.png']}" />
									<p:dataExporter type="pdf" target="pessoaList" fileName="lista" />
								</h:commandLink>
								<h:commandLink>
									<p:graphicImage value="#{resource['img:csv.png']}" />
									<p:dataExporter type="csv" target="pessoaList" fileName="lista" />
								</h:commandLink>
								<h:commandLink>
									<p:graphicImage value="#{resource['img:xml.png']}" />
									<p:dataExporter type="xml" target="pessoaList" fileName="lista" />
								</h:commandLink>
							</p:panel>
						</p:menuitem>
					</p:menuButton>
				</p:toolbarGroup>
			</p:toolbar>

			<!-- DADOS TABULADOS -->
			<p:dataTable id="pessoaList" widgetVar="pessoaList"
				emptyMessage="Nenhum registro encontrado"
				value="#{pessoasMB.pessoas}" var="x" rowIndexVar="rowIndex"
				rowKey="#{x.id}" selection="#{pessoasMB.selectedPessoa}"
				selectionMode="single" resizableColumns="true">
				<p:column headerText="Tipo">
					<p:graphicImage url="#{resource[x.tipo]}" width="30" height="30" />
				</p:column>
				<p:column headerText="Nome">
					<h:outputText value="#{x.nome}" id="myLbl1" />
					<p:overlayPanel id="myPanel" for="myLbl1" showEvent="mouseover"
						hideEvent="mouseout" appendToBody="true">
						<p:panelGrid columns="2">
							<f:facet name="header">Detalhes do Registro</f:facet>
							<p:panelGrid columns="2">
								<p:graphicImage url="#{resource['img:foto.gif']}" />
							</p:panelGrid>
							<p:panelGrid columns="2">
								<h:outputLabel value="Setores" />
								<h:outputLabel value="#{x.setores}" />
								<h:outputLabel value="CPF / CNPJ" />
								<h:outputLabel value="#{x.cpfCnpj}" />
							</p:panelGrid>
						</p:panelGrid>
					</p:overlayPanel>
				</p:column>
				<p:column headerText="Apelido / Sigla">
					<h:outputText value="#{x.apelidoSigla}" id="myLbl2" />
				</p:column>
				<p:column headerText="CPF / CNPJ">
					<h:outputText value="#{x.cpfCnpj}" id="myLbl3" />
				</p:column>
				<p:column headerText="Setores">
					<h:outputText value="#{x.setores}" id="myLbl4" />
				</p:column>
				<p:column headerText="Outras Informações">
					<h:outputText value="#{x.outrasInformacoes}" id="myLbl5" />
				</p:column>
			</p:dataTable>

			<!-- FORMULÁRIO DE FILTRO -->
			<p:dialog id="filterDialog" header="Filtrar Dados" widgetVar="dlg0"
				modal="true" visible="true">
				<h:panelGrid columns="2" style="margin-bottom:10px">
					<h:outputLabel value="Nome:" />
					<p:inputText />
					<h:outputLabel value="Comunidade:" />
					<p:inputText id="oio" />
				</h:panelGrid>
				<p:focus for="oio" />

				<p:commandButton id="submitButton0" value="Ok" update="pessoaList"
					oncomplete="dlg0.hide();" action="#{pessoasMB.filtrar}" />
				<p:commandButton id="cancelButton0" value="Cancelar"
					update="pessoaList" oncomplete="dlg0.hide();" />
			</p:dialog>

			<!-- FORMULÁRIO PRINCIPAL -->
			<p:dialog id="basicDialog" header="Formulário Pessoa Física"
				widgetVar="dlg1" modal="true">
				<h:panelGrid columns="2" style="margin-bottom:10px">
					<h:panelGrid columns="2" style="margin-bottom:10px">
						<h:outputLabel value="Nome:" />
						<p:inputText />
						<h:outputLabel value="Ativo:" />
						<p:selectBooleanCheckbox />
						<h:outputLabel value="Público Alvo:" />
						<p:selectBooleanCheckbox />
					</h:panelGrid>
					<h:panelGrid columns="2" style="margin-bottom:10px">
						<p:commandButton value="Grupos" />
					</h:panelGrid>
				</h:panelGrid>
				<p:tabView activeIndex="1">
					<p:tab title="Foto">
						<p:fileUpload id="filme-foto"
							fileUploadListener="#{fileUploadController.upload}"
							allowTypes="/(\.|\/)(gif|jpe?g|png)$/" sizeLimit="100000"
							description="Selecione a Foto" label="Pesquisar..."
							cancelLabel="Cancelar" uploadLabel="Carregar" update="messages1" />
						<p:growl id="messages1" showDetail="true" />
					</p:tab>
					<p:tab title="Dados Básicos">
						<h:panelGrid columns="6" style="margin-bottom:10px">
							<h:outputLabel value="Apelido:" />
							<p:inputText />
							<h:outputLabel value="CPF" />
							<p:inputText />
							<h:outputLabel value="Nascimento:" />
							<p:inputText />
							<h:outputLabel value="Local de Nascimento:" />
							<p:inputText />
							<h:outputLabel value="Naturalizado:" />
							<p:selectBooleanCheckbox />
							<h:outputLabel value="Grupo Sanguineo" />
							<p:selectOneMenu>
								<f:selectItem itemLabel="Selecione" itemValue="" />
							</p:selectOneMenu>
							<h:outputLabel value="Estado Civil" />
							<p:selectOneMenu>
								<f:selectItem itemLabel="Selecione" itemValue="" />
							</p:selectOneMenu>
							<h:outputLabel value="Grau Instrução" />
							<p:selectOneMenu>
								<f:selectItem itemLabel="Selecione" itemValue="" />
							</p:selectOneMenu>
							<h:outputLabel value="Sexo:" />
							<p:selectOneMenu>
								<f:selectItem itemLabel="Selecione" itemValue="" />
								<f:selectItem itemLabel="Masculino" itemValue="M" />
								<f:selectItem itemLabel="Feminino" itemValue="F" />
							</p:selectOneMenu>
						</h:panelGrid>
					</p:tab>
					<p:tab title="Família">
						<p:dataTable>
							<p:column headerText="Nome"></p:column>
							<p:column headerText="Grau de Parentesco"></p:column>
						</p:dataTable>
					</p:tab>
					<p:tab title="Documentos">
						<p:dataTable>
							<p:column headerText="Documento"></p:column>
							<p:column headerText="Número"></p:column>
						</p:dataTable>
					</p:tab>
					<p:tab title="Propriedades">
						<p:dataTable>
							<p:column headerText="Endereço"></p:column>
							<p:column headerText="Comunidade"></p:column>
						</p:dataTable>
					</p:tab>
					<p:tab title="Atendimentos">
					</p:tab>
					<p:tab title="Renda e Patrimônio">
					</p:tab>
					<p:tab title="Programas e Benefícios Sociais">
					</p:tab>
					<p:tab title="Observações">
						<p:editor style="width: 100%"></p:editor>
					</p:tab>
				</p:tabView>

				<p:commandButton id="submitButton1" value="Ok" update="pessoaList"
					oncomplete="dlg1.hide();" />
				<p:commandButton id="cancelButton1" value="Cancelar"
					update="pessoaList" oncomplete="dlg1.hide();" />

			</p:dialog>

			<!-- WIZARD -->
			<p:dialog id="wizardDlg" header="Formulário de Cadastro"
				widgetVar="wizardDlg" modal="true" minWidth="1000" width="1000"
				height="600">
				<p:growl id="growl2" sticky="true" showDetail="true" />

				<p:wizard widgetVar="wiz" flowListener="#{pessoasMB.onFlowProcess}"
					nextLabel="Próximo" backLabel="Retornar" showStepStatus="false">

					<p:tab title="Principal">
						<h:panelGrid columns="4" style="margin-bottom:10px">
							<f:facet name="header">Identificação</f:facet>
							<h:outputLabel value="Nome:" />
							<p:inputText id="nomeCompleto"
								value="#{pessoasMB.selectedPessoa.nome}" size="30" />
							<h:outputLabel value="Apelido:" />
							<p:inputText />
							<h:outputLabel value="Sexo:" />
							<p:selectOneRadio id="sexo">
								<f:selectItem itemLabel="Masculino" itemValue="M" />
								<f:selectItem itemLabel="Feminino" itemValue="F" />
							</p:selectOneRadio>
							<h:outputLabel value="Brasileiro:" />
							<p:selectBooleanCheckbox id="brasileiro" value="true" />
							<h:outputLabel value="Nascimento:" />
							<p:panelGrid columns="2" styleClass="semBorda">
								<p:inputMask id="dataNasc" size="8" mask="99/99/9999" />
								<p:selectOneMenu id="localNasc">
									<f:selectItem itemLabel="Selecione" itemValue="" />
								</p:selectOneMenu>
								<p:watermark value="Data" for="dataNasc" />
								<p:watermark value="Local" for="localNasc" />
							</p:panelGrid>
							<h:outputLabel value="CPF:" />
							<p:inputMask id="cpf" size="14" mask="999.999.999-99" />
							<h:outputLabel value="RG:" />
							<p:panelGrid columns="3" styleClass="semBorda">
								<p:inputText id="numRG" size="10" />
								<p:inputText id="expRG" size="3" />
								<p:inputMask id="datRG" size="8" mask="99/99/9999" />
								<p:watermark for="numRG" value="Número" />
								<p:watermark for="expRG" value="Órgão Expedidor" />
								<p:watermark for="datRG" value="Data Expedição" />
							</p:panelGrid>
							<h:outputLabel value="CNH:" />
							<p:panelGrid columns="3" styleClass="semBorda">
								<p:inputText id="numHab" size="10" />
								<p:inputMask id="datHab" size="8" mask="99/99/9999" />
								<p:selectOneMenu id="catHab">
									<f:selectItem itemLabel="Selecione" itemValue="" />
									<f:selectItem itemLabel="A" itemValue="A" />
									<f:selectItem itemLabel="B" itemValue="B" />
									<f:selectItem itemLabel="C" itemValue="C" />
									<f:selectItem itemLabel="D" itemValue="D" />
									<f:selectItem itemLabel="E" itemValue="E" />
									<f:selectItem itemLabel="AB" itemValue="AB" />
									<f:selectItem itemLabel="CB" itemValue="CB" />
									<f:selectItem itemLabel="DB" itemValue="DB" />
									<f:selectItem itemLabel="EB" itemValue="EB" />
								</p:selectOneMenu>
								<p:watermark for="numHab" value="Número" />
								<p:watermark for="datHab" value="Data Expediçã" />
								<p:watermark for="catHab" value="Categoria" />
							</p:panelGrid>
							<h:outputLabel value="NIT:" />
							<p:panelGrid columns="2" styleClass="semBorda">
								<p:inputText id="numNIT" size="10" />
								<p:inputMask id="datNIT" size="8" mask="99/99/9999" />
								<p:watermark for="numNIT" value="Número" />
								<p:watermark for="datNIT" value="Data Expedição" />
							</p:panelGrid>
							<h:outputLabel value="Título de Eleitor:" />
							<p:panelGrid columns="3" styleClass="semBorda">
								<p:inputText id="numTit" size="10" />
								<p:inputText id="expTit" size="3" />
								<p:inputMask id="datTit" size="8" mask="99/99/9999" />
								<p:watermark for="numTit" value="Número" />
								<p:watermark for="expTit" value="Zona" />
								<p:watermark for="datTit" value="Data Expedição" />
							</p:panelGrid>

							<p:tooltip for="nomeCompleto" value="Nome completo da pessoa" />
							<p:tooltip for="sexo" value="Sexo da pessoa" />
							<p:tooltip for="brasileiro"
								value="A pessoa é um brasileiro nato?" />
							<p:tooltip for="dataNasc" value="Data de nascimento da pessoa" />
							<p:tooltip for="localNasc" value="Local de nascimento da pessoa" />
							<p:tooltip for="cpf" value="Número do CPF da pessoa" />
							<p:tooltip for="numRG" value="Número do RG da pessoa" />
							<p:tooltip for="expRG" value="Órgao Expedidor do RG da pessoa" />
							<p:tooltip for="datRG" value="Data de Expedição do RG da pessoa" />
							<p:tooltip for="numHab" value="Número da Carteira de Habilitação" />
							<p:tooltip for="datHab"
								value="Data Expedição da Carteira de Habilitação" />
							<p:tooltip for="catHab"
								value="Categoria da Carteira de Habilitação" />
							<p:tooltip for="numNIT" value="Número do NIT da pessoa" />
							<p:tooltip for="datNIT"
								value="Data de Expedição do NIT da pessoa" />
							<p:tooltip for="numTit"
								value="Número do Título Eleitoral da pessoa" />
							<p:tooltip for="expTit" value="Zona Eleitoral da pessoa" />
							<p:tooltip for="datTit"
								value="Data de Expedição do Título Eleitoral da pessoa" />
							<p:tooltip for="publicoAlvo"
								value="Esta pessoa é nosso público alvo?" />
						</h:panelGrid>
					</p:tab>























					<p:tab title="Resultado da Identificação">
						<p:growl id="growl" showDetail="true" />
						<p:messages id="messages2" showDetail="true" />
						<p:toolbar>
							<p:toolbarGroup>
								<p:commandButton value="Selecionar" />
							</p:toolbarGroup>
						</p:toolbar>
						<p:dataTable id="pessoaList2" widgetVar="pessoaList"
							emptyMessage="Nenhum registro encontrado"
							value="#{pessoasMB.pessoasEncontradas}" var="x"
							rowIndexVar="rowIndex" rowKey="#{x.id}"
							selection="#{pessoasMB.selectedPessoa}" selectionMode="single"
							resizableColumns="true" rowsPerPageTemplate="2">
							<f:facet name="header">Nomes Encontrados</f:facet>
							<p:column headerText="Tipo">
								<p:graphicImage url="#{resource[x.tipo]}" width="30" height="30" />
							</p:column>
							<p:column headerText="Nome">
								<h:outputText value="#{x.nome}" />
							</p:column>
							<p:column headerText="Apelido" />
							<p:column headerText="Sexo" />
							<p:column headerText="Brasileiro" />
							<p:column headerText="Nascimento" />
							<p:column headerText="CPF" />
							<p:column headerText="RG" />
							<p:column headerText="CNH" />
							<p:column headerText="NIT" />
							<p:column headerText="Título de Eleitor" />
						</p:dataTable>
						<p:panelGrid columns="2" styleClass="semBorda">
							<p:selectBooleanCheckbox />
							<h:outputLabel
								value="Selecione esta opção caso se trate realmente de um novo registro. Caso contrário selecione algum registro acima e avance" />
						</p:panelGrid>
					</p:tab>
					<p:tab title="Dados Básicos">
						<center>
							<h:panelGrid columns="4" style="margin-bottom:10px">
								<f:facet name="header">Dados Básicos</f:facet>
								<h:outputLabel value="Nome:" />
								<p:inputText id="nomeCompleto1"
									value="#{pessoasMB.selectedPessoa.nome}" size="30" />
								<h:outputLabel value="Apelido:" />
								<p:inputText value="#{pessoasMB.selectedPessoa.apelidoSigla}" />
								<h:outputLabel value="Sexo:" />
								<p:selectOneRadio id="sexo1">
									<f:selectItem itemLabel="Masculino" itemValue="M" />
									<f:selectItem itemLabel="Feminino" itemValue="F" />
								</p:selectOneRadio>
								<h:outputLabel value="Brasileiro:" />
								<p:selectBooleanCheckbox id="brasileiro1" value="true" />
								<h:outputLabel value="Nascimento:" />
								<p:panelGrid columns="2" styleClass="semBorda">
									<p:inputMask id="dataNasc1" size="8" mask="99/99/9999" />
									<p:selectOneMenu id="localNasc1">
										<f:selectItem itemLabel="Selecione" itemValue="" />
									</p:selectOneMenu>
									<p:watermark value="Data" for="dataNasc" />
									<p:watermark value="Local" for="localNasc" />
								</p:panelGrid>
								<h:outputLabel value="CPF:" />
								<p:inputMask id="cpf1" size="14" mask="999.999.999-99" />
								<h:outputLabel value="RG:" />
								<p:panelGrid columns="3" styleClass="semBorda">
									<p:inputText id="numRG1" size="10" />
									<p:inputText id="expRG1" size="3" />
									<p:inputMask id="datRG1" size="8" mask="99/99/9999" />
									<p:watermark for="numRG1" value="Número" />
									<p:watermark for="expRG1" value="Órgão Expedidor" />
									<p:watermark for="datRG1" value="Data Expedição" />
								</p:panelGrid>
								<h:outputLabel value="CNH:" />
								<p:panelGrid columns="3" styleClass="semBorda">
									<p:inputText id="numHab1" size="10" />
									<p:inputMask id="datHab1" size="8" mask="99/99/9999" />
									<p:selectOneMenu id="catHab1">
										<f:selectItem itemLabel="Selecione" itemValue="" />
										<f:selectItem itemLabel="A" itemValue="A" />
										<f:selectItem itemLabel="B" itemValue="B" />
										<f:selectItem itemLabel="C" itemValue="C" />
										<f:selectItem itemLabel="D" itemValue="D" />
										<f:selectItem itemLabel="E" itemValue="E" />
										<f:selectItem itemLabel="AB" itemValue="AB" />
										<f:selectItem itemLabel="CB" itemValue="CB" />
										<f:selectItem itemLabel="DB" itemValue="DB" />
										<f:selectItem itemLabel="EB" itemValue="EB" />
									</p:selectOneMenu>
									<p:watermark for="numHab1" value="Número" />
									<p:watermark for="datHab1" value="Data Expediçã" />
									<p:watermark for="catHab1" value="Categoria" />
								</p:panelGrid>
								<h:outputLabel value="NIT:" />
								<p:panelGrid columns="2" styleClass="semBorda">
									<p:inputText id="numNIT1" size="10" />
									<p:inputMask id="datNIT1" size="8" mask="99/99/9999" />
									<p:watermark for="numNIT1" value="Número" />
									<p:watermark for="datNIT1" value="Data Expedição" />
								</p:panelGrid>
								<h:outputLabel value="Título de Eleitor:" />
								<p:panelGrid columns="3" styleClass="semBorda">
									<p:inputText id="numTit1" size="10" />
									<p:inputText id="expTit1" size="3" />
									<p:inputMask id="datTit1" size="8" mask="99/99/9999" />
									<p:watermark for="numTit1" value="Número" />
									<p:watermark for="expTit1" value="Zona" />
									<p:watermark for="datTit1" value="Data Expedição" />
								</p:panelGrid>

								<p:tooltip for="nomeCompleto" value="Nome completo da pessoa" />
								<p:tooltip for="sexo" value="Sexo da pessoa" />
								<p:tooltip for="brasileiro"
									value="A pessoa é um brasileiro nato?" />
								<p:tooltip for="dataNasc" value="Data de nascimento da pessoa" />
								<p:tooltip for="localNasc" value="Local de nascimento da pessoa" />
								<p:tooltip for="cpf" value="Número do CPF da pessoa" />
								<p:tooltip for="numRG" value="Número do RG da pessoa" />
								<p:tooltip for="expRG" value="Órgao Expedidor do RG da pessoa" />
								<p:tooltip for="datRG" value="Data de Expedição do RG da pessoa" />
								<p:tooltip for="numHab"
									value="Número da Carteira de Habilitação" />
								<p:tooltip for="datHab"
									value="Data Expedição da Carteira de Habilitação" />
								<p:tooltip for="catHab"
									value="Categoria da Carteira de Habilitação" />
								<p:tooltip for="numNIT" value="Número do NIT da pessoa" />
								<p:tooltip for="datNIT"
									value="Data de Expedição do NIT da pessoa" />
								<p:tooltip for="numTit"
									value="Número do Título Eleitoral da pessoa" />
								<p:tooltip for="expTit" value="Zona Eleitoral da pessoa" />
								<p:tooltip for="datTit"
									value="Data de Expedição do Título Eleitoral da pessoa" />
							</h:panelGrid>

							<p:panelGrid columns="4" style="margin-bottom:10px">
								<f:facet name="header">Dados Complementares</f:facet>
								<h:outputLabel value="Público Alvo:" />
								<p:selectBooleanCheckbox id="publicoAlvo" />
								<h:outputLabel value="Grau de Instrução" />
								<p:selectOneMenu id="grauInstrucao1">
									<f:selectItem itemLabel="Selecione" itemValue="" />
								</p:selectOneMenu>
								<h:outputLabel value="Profissão" />
								<p:selectOneMenu id="profissao1">
									<f:selectItem itemLabel="Selecione" itemValue="" />
								</p:selectOneMenu>
								<h:outputLabel value="Grupo Sanguíneo" />
								<p:selectOneMenu id="grupoSanguineo1">
									<f:selectItem itemLabel="Selecione" itemValue="" />
								</p:selectOneMenu>
								<h:outputLabel value="Data de Falecimento" />
								<p:inputMask id="dataFalecimento1" size="8" mask="99/99/9999" />
							</p:panelGrid>
						</center>
					</p:tab>

					<p:tab title="Meios de Contato">
						<p:panelGrid columns="4" style="margin-bottom:10px">
							<f:facet name="header">Identificação</f:facet>
							<h:outputLabel value="Nome:" />
							<p:outputLabel value="#{pessoasMB.selectedPessoa.nome}" />
							<h:outputLabel value="Apelido:" />
							<p:outputLabel value="#{pessoasMB.selectedPessoa.apelidoSigla}" />
						</p:panelGrid>

						<p:accordionPanel style="padding:0;">
							<p:tab title="Principal Meio de Contato">
								<h:panelGrid columns="2">
									<p:selectOneMenu style="min-width: 100px;">
										<f:selectItem itemLabel="Comercial" itemValue="C" />
										<f:selectItem itemLabel="Particular" itemValue="P" />
										<f:selectItem itemLabel="Outro" itemValue="O" />
									</p:selectOneMenu>
									<ematerdf:enderecoPostal id="enderecoPrincipal" />
									<p:selectOneMenu style="min-width: 100px;">
										<f:selectItem itemLabel="Comercial" itemValue="C" />
										<f:selectItem itemLabel="Particular" itemValue="P" />
										<f:selectItem itemLabel="Outro" itemValue="O" />
									</p:selectOneMenu>
									<ematerdf:numeroTelefonico id="telefone" tipoPadrao="T" />
									<p:selectOneMenu style="min-width: 100px;">
										<f:selectItem itemLabel="Comercial" itemValue="C" />
										<f:selectItem itemLabel="Particular" itemValue="P" />
										<f:selectItem itemLabel="Outro" itemValue="O" />
									</p:selectOneMenu>
									<ematerdf:numeroTelefonico id="celular" tipoPadrao="C" />
									<p:selectOneMenu style="min-width: 100px;">
										<f:selectItem itemLabel="Comercial" itemValue="C" />
										<f:selectItem itemLabel="Particular" itemValue="P" />
										<f:selectItem itemLabel="Outro" itemValue="O" />
									</p:selectOneMenu>
									<ematerdf:numeroTelefonico id="fax" tipoPadrao="F" />
									<p:selectOneMenu style="min-width: 100px;">
										<f:selectItem itemLabel="Comercial" itemValue="C" />
										<f:selectItem itemLabel="Particular" itemValue="P" />
										<f:selectItem itemLabel="Outro" itemValue="O" />
									</p:selectOneMenu>
									<ematerdf:enderecoEletronico />
								</h:panelGrid>
							</p:tab>
							<p:tab title="Outros Endereços de Correspondência">
								<h:outputLabel value="Principal:" />
								<p:selectBooleanCheckbox />
								<p:selectOneMenu style="min-width: 100px;">
									<f:selectItem itemLabel="Comercial" itemValue="C" />
									<f:selectItem itemLabel="Particular" itemValue="P" />
									<f:selectItem itemLabel="Outro" itemValue="O" />
								</p:selectOneMenu>
								<ematerdf:enderecoPostal id="outroEndereco" />
								<p:toolbar>
									<p:toolbarGroup>
										<p:commandButton value="Incluir" />
										<p:commandButton value="Editar" />
										<p:commandButton value="Excluir" />
									</p:toolbarGroup>
								</p:toolbar>
								<p:dataTable style="width: 650px;" resizableColumns="true">
									<p:column headerText="Principal" />
									<p:column headerText="País" />
									<p:column headerText="Estado" />
									<p:column headerText="Município" />
									<p:column headerText="Cidade" />
									<p:column headerText="Bairro" />
									<p:column headerText="CEP" />
									<p:column headerText="Logradouro" />
									<p:column headerText="Complemento" />
									<p:column headerText="Número" />
								</p:dataTable>
							</p:tab>
							<p:tab title="Outros Números de Telefone">
								<h:panelGrid columns="6">
									<h:outputLabel value="Principal:" />
									<p:selectBooleanCheckbox />
									<p:selectOneMenu style="min-width: 100px;">
										<f:selectItem itemLabel="Comercial" itemValue="C" />
										<f:selectItem itemLabel="Particular" itemValue="P" />
										<f:selectItem itemLabel="Outro" itemValue="O" />
									</p:selectOneMenu>
									<ematerdf:numeroTelefonico id="outroTelefone" />
								</h:panelGrid>
								<p:toolbar>
									<p:toolbarGroup>
										<p:commandButton value="Incluir" />
										<p:commandButton value="Editar" />
										<p:commandButton value="Excluir" />
									</p:toolbarGroup>
								</p:toolbar>
								<p:dataTable style="width: 650px;" resizableColumns="true">
									<p:column headerText="Principal" />
									<p:column headerText="Tipo" />
									<p:column headerText="DDI" />
									<p:column headerText="DDD" />
									<p:column headerText="Número" />
									<p:column headerText="Ramal" />
								</p:dataTable>
							</p:tab>
							<p:tab title="Outros Endereços Eletrônicos">
								<h:panelGrid columns="4" cellpadding="1">
									<h:outputLabel value="Principal:" />
									<p:selectBooleanCheckbox />
									<p:selectOneMenu style="min-width: 100px;">
										<f:selectItem itemLabel="Comercial" itemValue="C" />
										<f:selectItem itemLabel="Particular" itemValue="P" />
										<f:selectItem itemLabel="Outro" itemValue="O" />
									</p:selectOneMenu>
									<ematerdf:enderecoEletronico id="outroEmail" />
								</h:panelGrid>
								<p:toolbar>
									<p:toolbarGroup>
										<p:commandButton value="Incluir" />
										<p:commandButton value="Editar" />
										<p:commandButton value="Excluir" />
									</p:toolbarGroup>
								</p:toolbar>
								<p:dataTable style="width: 650px;" resizableColumns="true">
									<p:column headerText="Principal" />
									<p:column headerText="e-mail" />
								</p:dataTable>
							</p:tab>
						</p:accordionPanel>
					</p:tab>
					<p:tab title="Grupo">
						<h:panelGrid columns="1" style="margin-bottom:10px">
							<h:panelGrid columns="2" style="margin-bottom:10px">
								<f:facet name="header">Grupos Disponíveis</f:facet>
								<p:tree value="#{pessoasMB.grupos}" var="node" id="grupos"
									selectionMode="single" selection="#{pessoasMB.selectedGrupo}">
									<p:treeNode id="treeNode">
										<h:outputText value="#{node}" id="lblNode" />
									</p:treeNode>
								</p:tree>
								<p:commandButton value="Incluir" />

							</h:panelGrid>
							<h:panelGrid columns="2" style="margin-bottom:10px">
								<p:dataTable>
									<p:column headerText="Grupos Selecinados">
									</p:column>
								</p:dataTable>
								<p:commandButton value="Excluir" />
							</h:panelGrid>
						</h:panelGrid>
					</p:tab>
					<p:tab title="Foto">
						<center>
							<p:growl id="messages3" showDetail="true" />
							<p:fileUpload id="filme-foto"
								fileUploadListener="#{pessoasMB.upload}"
								allowTypes="/(\.|\/)(gif|jpe?g|png)$/" sizeLimit="100000"
								description="Selecione a Foto" label="Pesquisar..."
								cancelLabel="Cancelar" uploadLabel="Carregar"
								update="messages3, myFoto" />
							<p:graphicImage id="myFoto" value="#{pessoasMB.foto}" />
						</center>
					</p:tab>
					<p:tab title="Relacionamentos">
						<h:panelGrid columns="2" style="margin-bottom:10px">
							<f:facet name="header">Relacionamentos</f:facet>
							<h:outputLabel value="Nome:" />
							<p:inputText id="nomeCompleto2"
								value="#{pessoasMB.selectedPessoa.nome}" size="30" />
							<h:outputLabel value="Apelido:" />
							<p:inputText />
							<h:outputLabel value="Sexo:" />
							<p:selectOneRadio id="sexo2">
								<f:selectItem itemLabel="Masculino" itemValue="M" />
								<f:selectItem itemLabel="Feminino" itemValue="F" />
							</p:selectOneRadio>
							<h:outputLabel value="Brasileiro:" />
							<p:selectBooleanCheckbox id="brasileiro2" value="true" />
							<h:outputLabel value="Nascimento:" />
							<p:panelGrid columns="2" styleClass="semBorda">
								<p:inputMask id="dataNasc2" size="8" mask="99/99/9999" />
								<p:selectOneMenu id="localNasc2">
									<f:selectItem itemLabel="Selecione" itemValue="" />
								</p:selectOneMenu>
								<p:watermark value="Data" for="dataNasc2" />
								<p:watermark value="Local" for="localNasc2" />
							</p:panelGrid>
							<h:outputLabel value="CPF:" />
							<p:inputMask id="cpf2" size="14" mask="999.999.999-99" />
							<h:outputLabel value="RG:" />
							<p:panelGrid columns="3" styleClass="semBorda">
								<p:inputText id="numRG2" size="10" />
								<p:inputText id="expRG2" size="3" />
								<p:inputMask id="datRG2" size="8" mask="99/99/9999" />
								<p:watermark for="numRG2" value="Número" />
								<p:watermark for="expRG2" value="Órgão Expedidor" />
								<p:watermark for="datRG2" value="Data Expedição" />
							</p:panelGrid>
							<h:outputLabel value="CNH:" />
							<p:panelGrid columns="3" styleClass="semBorda">
								<p:inputText id="numHab2" size="10" />
								<p:inputMask id="datHab2" size="8" mask="99/99/9999" />
								<p:selectOneMenu id="catHab2">
									<f:selectItem itemLabel="Selecione" itemValue="" />
									<f:selectItem itemLabel="A" itemValue="A" />
									<f:selectItem itemLabel="B" itemValue="B" />
									<f:selectItem itemLabel="C" itemValue="C" />
									<f:selectItem itemLabel="D" itemValue="D" />
									<f:selectItem itemLabel="E" itemValue="E" />
									<f:selectItem itemLabel="AB" itemValue="AB" />
									<f:selectItem itemLabel="CB" itemValue="CB" />
									<f:selectItem itemLabel="DB" itemValue="DB" />
									<f:selectItem itemLabel="EB" itemValue="EB" />
								</p:selectOneMenu>
								<p:watermark for="numHab2" value="Número" />
								<p:watermark for="datHab2" value="Data Expediçã" />
								<p:watermark for="catHab2" value="Categoria" />
							</p:panelGrid>
							<h:outputLabel value="NIT:" />
							<p:panelGrid columns="2" styleClass="semBorda">
								<p:inputText id="numNIT2" size="10" />
								<p:inputMask id="datNIT2" size="8" mask="99/99/9999" />
								<p:watermark for="numNIT2" value="Número" />
								<p:watermark for="datNIT2" value="Data Expedição" />
							</p:panelGrid>
							<h:outputLabel value="Título de Eleitor:" />
							<p:panelGrid columns="3" styleClass="semBorda">
								<p:inputText id="numTit2" size="10" />
								<p:inputText id="expTit2" size="3" />
								<p:inputMask id="datTit2" size="8" mask="99/99/9999" />
								<p:watermark for="numTit2" value="Número" />
								<p:watermark for="expTit2" value="Zona" />
								<p:watermark for="datTit2" value="Data Expedição" />
							</p:panelGrid>
							<h:outputLabel value="Público Alvo:" />
							<p:selectBooleanCheckbox id="publicoAlvo2" />
							<p:tooltip for="nomeCompleto2" value="Nome completo da pessoa" />
							<p:tooltip for="sexo2" value="Sexo da pessoa" />
							<p:tooltip for="brasileiro2"
								value="A pessoa é um brasileiro nato?" />
							<p:tooltip for="dataNasc2" value="Data de nascimento da pessoa" />
							<p:tooltip for="localNasc2" value="Local de nascimento da pessoa" />
							<p:tooltip for="cpf2" value="Número do CPF da pessoa" />
							<p:tooltip for="numRG2" value="Número do RG da pessoa" />
							<p:tooltip for="expRG2" value="Órgao Expedidor do RG da pessoa" />
							<p:tooltip for="datRG2" value="Data de Expedição do RG da pessoa" />
							<p:tooltip for="numHab2"
								value="Número da Carteira de Habilitação" />
							<p:tooltip for="datHab2"
								value="Data Expedição da Carteira de Habilitação" />
							<p:tooltip for="catHab2"
								value="Categoria da Carteira de Habilitação" />
							<p:tooltip for="numNIT2" value="Número do NIT da pessoa" />
							<p:tooltip for="datNIT2"
								value="Data de Expedição do NIT da pessoa" />
							<p:tooltip for="numTit2"
								value="Número do Título Eleitoral da pessoa" />
							<p:tooltip for="expTit2" value="Zona Eleitoral da pessoa" />
							<p:tooltip for="datTit2"
								value="Data de Expedição do Título Eleitoral da pessoa" />
							<p:tooltip for="publicoAlvo2"
								value="Esta pessoa é nosso público alvo?" />
						</h:panelGrid>
						<p:toolbar>
							<p:toolbarGroup>
								<p:commandButton value="Incluir" />
								<p:commandButton value="Editar" />
								<p:commandButton value="Excluir" />
							</p:toolbarGroup>
						</p:toolbar>
						<p:dataTable>
							<p:column headerText="Nome"></p:column>
							<p:column headerText="Grau de Parentesco"></p:column>
						</p:dataTable>
					</p:tab>
					<p:tab title="Documentos">
						<p:dataTable>
							<p:column headerText="Documento"></p:column>
							<p:column headerText="Número"></p:column>
						</p:dataTable>
					</p:tab>
					<p:tab title="Propriedades">
						<p:dataTable>
							<p:column headerText="Endereço"></p:column>
							<p:column headerText="Comunidade"></p:column>
						</p:dataTable>
					</p:tab>
					<p:tab title="Atendimentos">
					</p:tab>
					<p:tab title="Renda e Patrimônio">
					</p:tab>
					<p:tab title="Programas e Benefícios Sociais">
					</p:tab>
					<p:tab title="Observações">
						<p:editor style="width: 100%" width="500"
							value="#{pessoasMB.selectedPessoa.outrasInformacoes}" />
					</p:tab>
					<p:tab id="confirmation" title="Confirmação">
						<p:commandButton id="wizardOkBtn" value="Ok" update="pessoaList"
							oncomplete="wizardDlg.hide();" />
						<p:commandButton id="wizardCancelarBtn" value="Cancelar"
							update="pessoaList" oncomplete="wizardDlg.hide();" />
					</p:tab>
				</p:wizard>
			</p:dialog>
		</h:form>

	</ui:composition>

</h:body>

</html>